<template>
  <div>
    <h1>插件表达式的使用</h1>
    <h2>插件表达式的作用就是用于展示数据</h2>
    <p>{{ msg }}</p>
    <p>{{ "我要对你说:" + msg }}</p>
    <p>{{ msg.toUpperCase().substr(0, 1) }}</p>
    <p>{{ msg.toUpperCase().substr(0, 1) + msg.toLowerCase().substr(1) }}</p>
    <p>{{ msg.toUpperCase() }}</p>
    <!-- 可以在插值表达式中使用三元运算符 -->
    <p>{{ age >= 18 ? "可以观看" : "18禁,请退出" }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return { msg: "hello", age: 17 };
  },
};
</script>

<style lang="less" scoped>
p {
  color: red;
}
</style>
